﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="browerPhoto.aspx.cs" Inherits="PropertyManagement.yuanGong.browerPhoto" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style type="text/css">
       body
       {
           width:500px;
           margin:0 auto;
       }
       #div0
       {
           width:98%;
           height:450px;
           margin:0 auto;        
           background-color:#a9c8f3;
           border:1px solid #ffffff;
           border-radius:20px;
       }
        #div1
       {
            width:90%;
            margin:20px auto;
            padding:0;
       }
        .auto-style1 {
            width: 99%;
            height: 393px;
        }
        .auto-style3 {
            margin-right: 3px;
        }
        ul{
            list-style:none;
            padding:0;
            margin-top:-8px;
            display:flex;
            flex-direction:column;
            float:right;
            width:300px;
            height:140px;
        }
        ul li{
            margin:0;
            padding:0;
        }
        #div2{
            width:80%;
            height:140px;
            margin-bottom:10px;
            margin-top:20px;
        }
        #div3{
            width:80%;
            text-align:center;
        }
        FooterTemplate{
            margin-left:10px;
        }
        </style>
</head>
<body>
    <form id="form1" runat="server">
        <div id="div0" class="auto-style1">
             <div id="div1">
                 <asp:DataList ID="DataList1" runat="server" RepeatDirection="Horizontal" RepeatColumns="1" Width="539px" Height="180px" CssClass="auto-style3" OnItemCommand="DataList1_ItemCommand">
                     
                     <ItemTemplate>
                         <div id="div2">
                            <asp:Image ID="Image1" runat="server" ImageUrl='<%# "../picture/"+Eval("photo") %>' Width="100px" Height="100px" />
                             
                         <ul>
                             <li>用户名：<asp:Label ID="Label5" runat="server" Text='<%# Eval("sname") %>'></asp:Label></li>
                             <li>性别：<asp:Label ID="Label6" runat="server" Text='<%# Eval("sex") %>'></asp:Label></li>
                             <li>家庭地址：<asp:Label ID="Label4" runat="server" Text='<%# Eval("address") %>'></asp:Label></li>
                             <li>出生年月：<asp:Label ID="Label7" runat="server" Text='<%# Eval("birth") %>'></asp:Label></li>
                             <li>电话：<asp:Label ID="Label8" runat="server" Text='<%# Eval("tel") %>'></asp:Label></li>
                             <li>职务：<asp:Label ID="Label9" runat="server" Text='<%# Eval("zhiwu") %>'></asp:Label></li>
                         </ul>
                         </div>
                     </ItemTemplate>
                     <FooterTemplate>                        
                         <asp:LinkButton ID="LinkButton1" runat="server" CommandName="first">首页</asp:LinkButton>
                         <asp:LinkButton ID="LinkButton2" runat="server" CommandName="prev">上一页</asp:LinkButton>
                         <asp:LinkButton ID="LinkButton3" runat="server" CommandName="next">下一页</asp:LinkButton>
                         <asp:LinkButton ID="LinkButton4" runat="server" CommandName="last">尾页</asp:LinkButton>
                         <asp:LinkButton ID="LinkButton5" runat="server" CommandName="return">返回</asp:LinkButton>
                     </FooterTemplate>
                 </asp:DataList>
            </div>
            <div id="div3">
                    共<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>页
&nbsp;              第<asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>页
                </div>
        </div>
    </form>
</body>
</html>
